<!--修改头像-->
<ion-view title="修改头像">
  <ion-content class="imgCrop" padding="false" scroll="true" overflow-scroll="true" has-bouncing="true">
    <div class="none">
      <label><input type="checkbox" ng-model="enableCrop" ng-init="enableCrop=true"/></label>
    </div>
    <button class="button button-assertive resImageDataURIBut">
      {{cropData}}
      <input class="resImageDataURIFile" type="file" id="fileInput"/>
    </button>
    <button ng-if="submit" class="button button-assertive resImageDataURIBut" ng-click="saveImg()">
      保存头像
    </button>
    <div class="resImageDataURI" ng-show="submit">
      <h3>预览</h3>
      <div class="urlImg">
        <img ng-src="{{resImageDataURI}}"/>
      </div>
    </div>
    <div class="cropArea small" ng-if="enableCrop">
      <img-crop image="imageDataURI"
                change-on-fly="true"
                result-image="$parent.resImageDataURI"
                area-type="circle"
                result-image-format="{{resImgFormat}}"
                result-image-quality="resImgQuality"
                on-change="onChange($dataURI)"
                result-image-size="resImgSize"
                on-load-done="onLoadDone()"
                on-load-error="onLoadError()">
      </img-crop>
    </div>
  </ion-content>
</ion-view>
